import Image from 'next/image'
import Carousel from '../../components/carousel/index'

export default function HeaderTwo() {
  const images = ['/images/home/4.jpg', '/images/home/3.jpg', '/images/home/2.jpg', '/images/home/1.jpg']

  return (
    <div className="relative" style={{ height: 'calc(100vh - 7rem)' }}>
      <div className="h-full">
        <Carousel images={images} />
      </div>
      <div className="absolute bottom-0 z-10 h-16 w-full">
        <Image src={'/images/home/bannerBg.png'} alt={''} layout="fill" />
      </div>
    </div>
  )
}
